<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>用户界面</title>
    <link rel="shortcut icon" href="../img/favicon.ico" />

    <link rel="stylesheet" href="../css/layui/css/layui.css">
    <script src="../css/layui/layui.js"></script>
    <script src="../js/layer/layer.js"></script>
    <script src="../js/JQuery/jquery-3.6.0.js"></script>

    <link rel="stylesheet" href="../css/userInterface.css">
    <script src="../js/userInterface.js"></script>

</head>
<body>
  <nav>
    <div class="nav_div">
      <ul class="layui-nav" id="nav_ul">
        <li class="layui-nav-item">
          <img class="mld_img" src="../img/mld.png">
        </li>

        <li class="layui-nav-item " lay-unselect="">
          <a href="javascript:;"><img src="" class="layui-nav-img" id="userPortrait"></a>
          <dl class="layui-nav-child">
            <!-- <dd><a href="javascript:;"><i class="layui-icon layui-icon-user"></i><span class="toolbox_text">账号信息</span></a></dd> -->
            <hr class="hr">
            <dd style="text-align: center;">
              <a href="/logoutServlet">
                <i class="layui-icon layui-icon-logout"></i><span class="toolbox_text">退出登录</span>
              </a>
            </dd>
          </dl>
        </li>
  
        <li class="layui-nav-item layui-this" id="nav_1">
          <a href="javascript:;">我的办公</a>
        </li>
  
        <li class="layui-nav-item" id="nav_2">
          <a href="javascript:;">个人信息</a>
        </li>
  
        <li class="layui-nav-item" id="nav_3">
          <a href="javascript:;">工资单</a>
        </li>
  
        <li class="layui-nav-item" id="nav_4">
          <a href="javascript:;"></a>
        </li>

        <li class="layui-nav-item" id="nav_5">
          <a href="javascript:;"></a>
        </li>


      </ul>
      

    </div>
  </nav>

  <main>
    <div class="main_div">
      <div class="main_content" id="main_content">
        <ul>
            <!-- 我的办公 -->
            <li class="content3" id="content3">
              <div>
                <div class="content3_slideshow_div">
                  <div class="layui-carousel layui-inline layui-anim layui-anim-scale slideshow_div" id="Shuffling_div">
                    <!-- 轮播图组件 -->
                    <div carousel-item class="d_slideshow">
                      <div><img src="../img/shuffling_img/shuffling_1.jfif" alt="" class="d_slideshow1" id="d_slideshow1"></div>
                      <div><img src="../img/shuffling_img/shuffling_2.jfif" alt="" class="d_slideshow2" id="d_slideshow2"></div>
                      <div><img src="../img/shuffling_img/shuffling_3.jfif" alt="" class="d_slideshow3" id="d_slideshow3"></div>
                      <div><img src="../img/shuffling_img/shuffling_4.jfif" alt="" class="d_slideshow4" id="d_slideshow4"></div>
                      <div><img src="../img/shuffling_img/shuffling_5.jfif" alt="" class="d_slideshow5" id="d_slideshow5"></div>
                    </div>
                  </div>

                  <!-- 小组信息 -->
                  <div class="content3_G_div layui-inline layui-anim layui-anim-down">
                    <h1 class="group_name" id="group_name"></h1>
                    <p class="group_introduction" id="group_introduction"></p>
                    <!-- 我的小组同事 -->
                    <div class="content3_Mycolleagues_div layui-inline layui-anim layui-anim-down">
                      <h2 class="content3_h2">我的小组同事</h2>
                      <table class="layui-table">
                        <colgroup>
                          <col width="150">
                          <col width="200">
                          <col>
                        </colgroup>
                        <thead>
                          <tr>
                            <th>姓名</th>
                            <th>加入时间</th>
                            <th>职位</th>
                          </tr> 
                        </thead>
                        <tbody id="content3_tbody">
                          
                        </tbody>
                      </table>
                    </div>
                  </div>
  
                  <!-- 部门信息 -->
                  <div class="content3_D_div layui-inline layui-anim layui-anim-down">
                    <h1 class="department_name" id="department_name"></h1>
                    <p class="department_introduction" id="department_introduction"></p>
                  </div>
                </div>
              </div>
            </li>
          
          <li class="content1_li" id="content1_li">
            <div style="height: 700px;" id="placeholder_div"></div>
            <div class="content1_div layui-anim layui-anim-scale" id="content1_div">
              <table class="content1_table" id="content1_table">
                <tr>
                  <td class="td_background">姓名</td>
                  <td id="ename" contentEditable="true"></td>
                  <td class="td_background">性别</td>
                  <td id="gender"contentEditable="true"></td>
                  <td class="td_background">出生日期</td>
                  <td id="birthday"contentEditable="true"></td>
                  <td rowspan="3">
                    <img class="head_portrait" id="head_portrait" src="">
                  </td>
                </tr>
                
                <tr>
                  <td class="td_background">籍贯</td>
                  <td id="native_place" contentEditable="true"></td>
                  <td class="td_background">民族</td>
                  <td id="national" contentEditable="true"></td>
                  <td class="td_background">政治面貌</td>
                  <td id="political" contentEditable="true"></td>
                </tr>

                <tr>
                  <td class="td_background">健康状况</td>
                  <td id="health" contentEditable="true"></td>
                  <td class="td_background">参加工作时间</td>
                  <td id="workingtime"contentEditable="true"></td>
                  <td class="td_background">当前职位</td>
                  <td id="current_position"contentEditable="true"></td>
                </tr>

                <tr>
                  <td class="td_background">身份证号码</td>
                  <td colspan="6" id="id_card"contentEditable="true"></td>
                </tr>

                <tr>
                  <td class="td_background">现工作单位</td>
                  <td colspan="6" id="current_employer"contentEditable="true"></td>
                </tr>

                <tr>
                  <td class="td_background">联系电话</td>
                  <td colspan="6" id="tel"contentEditable="true"></td>
                </tr>

                <tr>
                  <td class="td_background">毕业院校及专业</td>
                  <td colspan="3" id="school_major"contentEditable="true"></td>
                  <td class="td_background">学位</td>
                  <td colspan="2" id="degree"contentEditable="true"></td>
                </tr>
              </table>
            </div>
            <div class="content1_button_div">
              <button class="layui-btn layui-btn-normal edit_submit" type="button" id="edit_submit">确认修改</button>
            </div>
          </li>

          <!-- 工资查询 -->
          <li class="content2" id="content2">

            <div class="content2_div layui-anim layui-anim-scalesmall">
              <form class="layui-form" action="" id="content2_form">
                <div class="input_div">

                  <div class="layui-inline">
                    <select name="queryWay" lay-filter="content2_select" lay-verify="required" id="query_way">
                      <option value="month">按月查询工资单</option>
                      <option value="all">查询所有工资单</option>
                    </select>
                  </div>
  
                    <div class="layui-inline interval">
                      <input type="text" class="layui-input salary_date_input" id="salary_date_input" placeholder="请选择日期">
                    </div>

                  <button class="layui-btn layui-btn-normal interval" id="button_query" type="button">查询薪资</button>
                </div>
              </form>
              <!-- 数据表格展示 -->
              <div class="query_result_table" id="query_result_table">
                <table class="layui-hide" id="table_salary" lay-filter="content2_filter_table"></table>
              </div>
            </div>
          </li>
          <li class="content4" id="content4"></li>
          <li class="content4" id="content5"></li>
        </ul>
      </div>
    </div>
  </main>
  


</body>
</html>